<template>
    <el-divider content-position="left">基本信息</el-divider>
    <el-descriptions :column="appStore.column" border>
        <el-descriptions-item label="创建人"> {{ props.rowData.createUserRealName }} </el-descriptions-item>
        <el-descriptions-item label="创建时间"> {{ formatDateTime(props.rowData.createTime) }} </el-descriptions-item>
        <el-descriptions-item label="启用状态">
            {{ props.rowData.isEnable ? config.button.text.enable :
                config.button.text.stop }}
        </el-descriptions-item>
        <el-descriptions-item label="修改人"> {{ props.rowData.updateUserRealName }} </el-descriptions-item>
        <el-descriptions-item label="上次修改时间"> {{ formatDateTime(props.rowData.updateTime) }} </el-descriptions-item>
    </el-descriptions>
</template>

<script setup>
import config from "@/common/element-plus/config";
import { useAppStore } from "@/stores/app"
import { formatDateTime } from "@/common/utils/date";
const appStore = useAppStore()
const props = defineProps(["rowData"])
</script>

<style lang="scss" scoped>
// :deep(.el-descriptions__label) {
//     min-width: 110px;
// }

// :deep(.el-descriptions__content) {
//     width: 250px;
// }
</style>